<template>
  <div>
    <el-container>
      <el-header>
        <Header></Header>
      </el-header>
      <el-main>
        <el-row>
          <el-col :span="20" :offset="3">
            <div style="border-bottom: rgb(151,185,222) 1px solid; margin: 50px 200px 10px 0;" ><span class="yxtuijian">2021年武书连大学排行榜</span></div>
            <div style="color: rgb(97, 97, 97); font-size: 0.8em;padding-left: 30px;color:grey;margin-bottom: 10px">
              武书连中国大学排名是由武书连编写的关于中国大陆的大学排名。排名从人才培养和科学研究两大指标计算所得，体现学校整体实力。
            </div>
            <el-card style="padding-bottom: 20px;width: 90%">
              <el-table
                      stripe
                      :data="tableData"
                      style="width: 100%;font-size:16px">
                <el-table-column
                        prop="ranking"
                        label="排名"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="学校名称"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="type"
                        label="类型">
                </el-table-column>
                <el-table-column
                        prop="location"
                        label="所在地">
                </el-table-column>
                <el-table-column
                        prop="level"
                        label="学历层次">
                </el-table-column>
                <el-table-column
                        prop="score"
                        label="综合得分">
                </el-table-column>
              </el-table>
            </el-card>
          </el-col>
        </el-row>

      </el-main>

      <el-footer><Footer></Footer></el-footer>
    </el-container>
  </div>
</template>

<script>
  import Header from "../components/Header";
  import Footer from "../components/Footer";
    export default {
        name: "Ranking",
        components:{Header,Footer},
        data(){
            return{
                tableData:[
                    {
                        ranking:"1",
                        name:"清华大学",
                        type:"综合",
                        location:"北京市",
                        level:"本科",
                        score:"136.37"
                    },
                    {
                        ranking:"2",
                        name:"北京大学",
                        type:"综合",
                        location:"北京市",
                        level:"本科",
                        score:"127.48"
                    },
                    {
                        ranking:"3",
                        name:"浙江大学",
                        type:"综合",
                        location:"杭州市",
                        level:"本科",
                        score:"120.48"
                    },
                    {
                        ranking:"4",
                        name:"上海交通大学",
                        type:"综合",
                        location:"上海市",
                        level:"本科",
                        score:"103.21"
                    },
                    {
                        ranking:"5",
                        name:"武汉大学",
                        type:"综合",
                        location:"武汉市",
                        level:"本科",
                        score:"96.93"
                    },
                    {
                        ranking:"6",
                        name:"南京大学",
                        type:"综合",
                        location:"南京市",
                        level:"本科",
                        score:"83.27"
                    },
                    {
                        ranking:"7",
                        name:"华中科技大学",
                        type:"综合",
                        location:"武汉市",
                        level:"本科",
                        score:"82.32"
                    },
                    {
                        ranking:"8",
                        name:"复旦大学",
                        type:"综合",
                        location:"上海市",
                        level:"本科",
                        score:"81.46"
                    },
                    {
                        ranking:"9",
                        name:"四川大学",
                        type:"综合",
                        location:"成都市",
                        level:"本科",
                        score:"81.02"
                    },
                    {
                        ranking:"10",
                        name:"吉林大学",
                        type:"综合",
                        location:"长春市",
                        level:"本科",
                        score:"80.9"
                    },
                    {
                        ranking:"11",
                        name:"中山大学",
                        type:"综合",
                        location:"广州市",
                        level:"本科",
                        score:"80.31"
                    },
                    {
                        ranking:"12",
                        name:"山东大学",
                        type:"综合",
                        location:"济南市",
                        level:"本科",
                        score:"79.6"
                    },
                    {
                        ranking:"13",
                        name:"哈尔滨工业大学",
                        type:"工科",
                        location:"哈尔滨市",
                        level:"本科",
                        score:"78.32"
                    },
                    {
                        ranking:"14",
                        name:"西安交通大学",
                        type:"综合",
                        location:"西安市",
                        level:"本科",
                        score:"76.64"
                    },
                    {
                        ranking:"15",
                        name:"中南大学",
                        type:"综合",
                        location:"长沙市",
                        level:"本科",
                        score:"75.32"
                    },
                    {
                        ranking:"16",
                        name:"中国科学技术大学",
                        type:"工科",
                        location:"合肥市",
                        level:"本科",
                        score:"69.32"
                    },
                    {
                        ranking:"17",
                        name:"东南大学",
                        type:"综合",
                        location:"南京市",
                        level:"本科",
                        score:"68.24"
                    },
                    {
                        ranking:"18",
                        name:"中国人民大学",
                        type:"综合",
                        location:"北京市",
                        level:"本科",
                        score:"65.32"
                    },
                    {
                        ranking:"19",
                        name:"天津大学",
                        type:"工科",
                        location:"天津市",
                        level:"本科",
                        score:"64"
                    },
                    {
                        ranking:"20",
                        name:"华南理工大学",
                        type:"工科",
                        location:"广州市",
                        level:"本科",
                        score:"59.64"
                    }
                ]
            }
        }
    }
</script>

<style scoped>
  .el-main{
    margin-top: 70px;
  }
  body > .el-container {
    margin-bottom: 40px;
  }
  div .el-row{
    margin: 0;
  }
  .yxtuijian{
    border-left: rgb(23, 100, 182) 5px solid;
    padding-left: 20px;
    font-size: 2em;
  }
</style>
